<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title>焊客e家-众创区</title>
		<link rel="stylesheet" href="css/reset.css">
		<link rel="stylesheet" href="css/common.css">
		<link rel="stylesheet" href="css/zcq.css">
	</head>

	<body>
		<div class="header innerHead">
			<div class="top">
				<div class="main ovw">
					<p class="fl login">
						<span>欢迎来到焊客e家，请</span>
						<a href="./login.html">登录</a>
						<i class="line"></i>
						<a href="./register.html">免费注册</a>
					</p>

					<p class="fr help">
						<a href="#">帮助中心</a>
						<i class="line"></i>
						<img src="images/phone_icon.png" alt="">
						<span>400-888-888</span>
					</p>
				</div>
			</div>

			<div class="main nav innerNav">
				<div class="fl logo"><img src="images/zcq_logo.png" alt=""></div>

				<div class="fr search">
					<div class="searchCon">
						<input type="text" placeholder="请输入关键字">
						<a class="search_btn" href="#">搜索</a>
					</div>
					<!--<a href="javascript:;" class="file">上传文档
						<input type="file" name="" id="">
					</a>-->
					<a href="./hk_zcq_partone.html">
						<p class="btn">发起众创</p>
					</a>
				</div>
			</div>
		</div>
			
		<div class="zcq_container">
			<div class="main ovw">
				<div class="fl lf">
					<ul class="num_list">
						<li>
							<p class="name">进行项目</p>
							<p class="zc_num ">12,324</p>
						</li>
						<li>
							<p class="name">成功项目</p>
							<p class="zc_num">2,324</p>
						</li>
						<li>
							<p class="name">参与人数</p>
							<p class="zc_num">8,324</p>
						</li>
					</ul>
				</div>
				<div class="fr rt">
					<div class="title_box">
						<ul class="fr controller">
							<li class="active">缺技术</li>
							<li>缺资金</li>
						</ul>
						<h3>焊客众创帮帮看</h3>
					</div>
					<ul class="lack_artisan">
						<li>
							<a href="hk_zcq_detail.html">
								<p class="fl">缺技术</p>
								<span>焊接设备方案已经出来了启动资金已就位焊接设备方案已经出来了启动资金…</span>
							</a>
						</li>
						<li>
							<a href="hk_zcq_detail.html">
								<p class="fl">缺技术</p>
								<span>焊接设备方案已经出来了启动资金已就位焊接设备方案已经出来了启动资金…</span>
							</a>
						</li>
						<li>
							<a href="hk_zcq_detail.html">
								<p class="fl">缺技术</p>
								<span>焊接设备方案已经出来了启动资金已就位焊接设备方案已经出来了启动资金…</span>
							</a>
						</li>
						<li>
							<a href="hk_zcq_detail.html">
								<p class="fl">缺技术</p>
								<span>焊接设备方案已经出来了启动资金已就位焊接设备方案已经出来了启动资金…</span>
							</a>
						</li>
					</ul>
					<ul class="lack_artisan none">
						<li>
							<a href="hk_zcq_detail.html">
								<p class="fl">缺资金</p>
								<span>焊接设备方案已经出来了启动资金已就位焊接设备方案已经出来了启动资金…</span>
							</a>
						</li>
						<li>
							<a href="hk_zcq_detail.html">
								<p class="fl">缺资金</p>
								<span>焊接设备方案已经出来了启动资金已就位焊接设备方案已经出来了启动资金…</span>
							</a>
						</li>
						<li>
							<a href="hk_zcq_detail.html">
								<p class="fl">缺资金</p>
								<span>焊接设备方案已经出来了启动资金已就位焊接设备方案已经出来了启动资金…</span>
							</a>
						</li>
						<li>
							<a href="hk_zcq_detail.html">
								<p class="fl">缺资金</p>
								<span>焊接设备方案已经出来了启动资金已就位焊接设备方案已经出来了启动资金…</span>
							</a>
						</li>
					</ul>
					<a class=" btn" href=""><img src="images/add1.png" alt="">查看更多</a>
				</div>
			</div>
		</div>

		<!-- 列表滚动 -->
		<div class="zcq_list_box">
			<ul class="list_content ovw">
				<li>
					<a href="./hk_zcq_detail.html">
						<img class="user_head" src="images/user_head.png" alt="">
						<span class="name">张三</span>
						<span class="items">在项目<i>焊客众创焊接设备</i>留言</span>
						<span class="text">这是一个焊客独创的一个焊接设备图，想要发起众筹，有兴趣的可以联系我啊。</span>
						<span class="fr time">刚刚</span>
					</a>
				</li>
				<li>
					<a href="./hk_zcq_detail.html">
						<img class="user_head" src="images/user_head.png" alt="">
						<span class="name">张三1</span>
						<span class="items">在项目<i>焊客众创焊接设备</i>留言</span>
						<span class="text">这是一个焊客独创的一个焊接设备图，想要发起众筹，有兴趣的可以联系我啊。</span>
						<span class="fr time">5分钟</span>
					</a>
				</li>
				<li>
					<a href="./hk_zcq_detail.html">
						<img class="user_head" src="images/user_head.png" alt="">
						<span class="name">张三2</span>
						<span class="items">在项目<i>焊客众创焊接设备</i>留言</span>
						<span class="text">这是一个焊客独创的一个焊接设备图，想要发起众筹，有兴趣的可以联系我啊。</span>
						<span class="fr time">刚刚</span>
					</a>
				</li>
				<li>
					<a href="./hk_zcq_detail.html">
						<img class="user_head" src="images/user_head.png" alt="">
						<span class="name">张三3</span>
						<span class="items">在项目<i>焊客众创焊接设备</i>留言</span>
						<span class="text">这是一个焊客独创的一个焊接设备图，想要发起众筹，有兴趣的可以联系我啊。</span>
						<span class="fr time">1分钟前</span>
					</a>
				</li>
				<li>
					<a href="./hk_zcq_detail.html">
						<img class="user_head" src="images/user_head.png" alt="">
						<span class="name">张三4</span>
						<span class="items">在项目<i>焊客众创焊接设备</i>留言</span>
						<span class="text">这是一个焊客独创的一个焊接设备图，想要发起众筹，有兴趣的可以联系我啊。</span>
						<span class="fr time">刚刚</span>
					</a>
				</li>
			</ul>
		</div>
		<!-- 最新众创 -->
		<div class="content_two">
			<div class="main ovw">
				<div class="title">
					<a class="fr btn" href="hk_zndj.html" target="_blank"><img src="images/add1.png" alt="">查看更多</a>
					<h3>最新众创</h3>
				</div>
				<ul class="list ovw">
					<li style="margin-left:0px;">
						<a href="./hk_zcq_detail.html" >
						<div class="img_box">
							<img src="images/zcq_img.png" alt="">
							<span class="label">众创中</span>
						</div>
						<div class="intro">
							<h4>焊客众创焊接设备</h4>
							<p class="headline">焊客新项目，希望一起合作的可以合作联系我！</p>
							<div class="user ovw">
								<div class="fl">
									<img class="user_head" src="images/user_head.png" alt="">
									<span class="name">张雪鸥</span>
								</div>
								<div class="fl fr">
									<span class="num">2017-11-09</span>
								</div>
								<div class="line"></div>
							</div>
						</div>
						</a>
					</li>
					<li>
						<a href="./hk_zcq_detail.html" >
						<div class="img_box">
							<img src="images/zcq_img.png" alt="">
							<span class="label">众创中</span>
						</div>
						<div class="intro">
							<h4>焊客众创焊接设备</h4>
							<p class="headline">焊客新项目，希望一起合作的可以合作联系我！</p>
							<div class="user ovw">
								<div class="fl">
									<img class="user_head" src="images/user_head.png" alt="">
									<span class="name">张雪鸥</span>
								</div>
								<div class="fl fr">
									<span class="num">2017-11-09</span>
								</div>
								<div class="line"></div>
							</div>
						</div>
						</a>
					</li>
					<li>
						<a href="./hk_zcq_detail.html" >
						<div class="img_box">
							<img src="images/zcq_img.png" alt="">
							<span class="label">众创中</span>
						</div>
						<div class="intro">
							<h4>焊客众创焊接设备</h4>
							<p class="headline">焊客新项目，希望一起合作的可以合作联系我！</p>
							<div class="user ovw">
								<div class="fl">
									<img class="user_head" src="images/user_head.png" alt="">
									<span class="name">张雪鸥</span>
								</div>
								<div class="fl fr">
									<span class="num">2017-11-09</span>
								</div>
								<div class="line"></div>
							</div>
						</div>
						</a>
					</li>
					<li>
						<a href="./hk_zcq_detail.html" >
						<div class="img_box">
							<img src="images/zcq_img.png" alt="">
							<span class="label">众创中</span>
						</div>
						<div class="intro">
							<h4>焊客众创焊接设备</h4>
							<p class="headline">焊客新项目，希望一起合作的可以合作联系我！</p>
							<div class="user ovw">
								<div class="fl">
									<img class="user_head" src="images/user_head.png" alt="">
									<span class="name">张雪鸥</span>
								</div>
								<div class="fl fr">
									<span class="num">2017-11-09</span>
								</div>
								<div class="line"></div>
							</div>
						</div>
						</a>
					</li>
				</ul>
			</div>
		</div>
		
		<!-- 热门众创 -->
		<div class="hot_content">
			<div class="main">
				<div class="title">
					<a class="fr btn" href="hk_zndj.html" target="_blank"><img src="images/add1.png" alt="">查看更多</a>
					<h3>热门众创</h3>
				</div>
				<ul class="hot_zc_list">
					<li class="mar_l">
						<a href="./hk_zcq_detail.html">
							<div class="img_box">
								<img src="images/zcq_img_a.png" alt="">
								<span class="label">众创中</span>
							</div>
							<div class="rt_intro">
								<h4>焊客众创焊接设备</h4>
								<dl class="label_list ovw">
									<dt class="fl">
										<img src="images/zcq_icon.png" alt="">
										<span>33214</span>
									</dt>
									<dd class="fr">#设备#</dd>
									<dd class="fr">可穿戴</dd>
								</dl>
								<div class="ovw items_person">
									<p class="fl">项目负责人 : <span>焊客e家</span></p>
									<p class="fr">发布时间 : <span>2017-11-30</span></p>
								</div>
							</div>
						</a>
					</li>
					<li>
						<a href="./hk_zcq_detail.html">
							<div class="img_box">
								<img src="images/zcq_img_a.png" alt="">
								<span class="label">众创中</span>
							</div>
							<div class="rt_intro">
								<h4>焊客众创焊接设备</h4>
								<dl class="label_list ovw">
									<dt class="fl">
										<img src="images/zcq_icon.png" alt="">
										<span>33214</span>
									</dt>
									<dd class="fr">#设备#</dd>
									<dd class="fr">可穿戴</dd>
								</dl>
								<div class="ovw items_person">
									<p class="fl">项目负责人 : <span>焊客e家</span></p>
									<p class="fr">发布时间 : <span>2017-11-30</span></p>
								</div>
							</div>
						</a>
					</li>
					<li class="mar_l">
						<a href="./hk_zcq_detail.html">
							<div class="img_box">
								<img src="images/zcq_img_a.png" alt="">
								<span class="label">众创中</span>
							</div>
							<div class="rt_intro">
								<h4>焊客众创焊接设备</h4>
								<dl class="label_list ovw">
									<dt class="fl">
										<img src="images/zcq_icon.png" alt="">
										<span>33214</span>
									</dt>
									<dd class="fr">#设备#</dd>
									<dd class="fr">可穿戴</dd>
								</dl>
								<div class="ovw items_person">
									<p class="fl">项目负责人 : <span>焊客e家</span></p>
									<p class="fr">发布时间 : <span>2017-11-30</span></p>
								</div>
							</div>
						</a>
					</li>
					<li>
						<a href="./hk_zcq_detail.html">
							<div class="img_box">
								<img src="images/zcq_img_a.png" alt="">
								<span class="label">众创中</span>
							</div>
							<div class="rt_intro">
								<h4>焊客众创焊接设备</h4>
								<dl class="label_list ovw">
									<dt class="fl">
										<img src="images/zcq_icon.png" alt="">
										<span>33214</span>
									</dt>
									<dd class="fr">#设备#</dd>
									<dd class="fr">可穿戴</dd>
								</dl>
								<div class="ovw items_person">
									<p class="fl">项目负责人 : <span>焊客e家</span></p>
									<p class="fr">发布时间 : <span>2017-11-30</span></p>
								</div>
							</div>
						</a>
					</li>
				</ul>
			</div>
		</div>

		<!-- 成果展示 -->
		<div class="content_two">
			<div class="main ovw">
				<div class="title">
					<a class="fr btn" href="hk_zndj.html" target="_blank"><img src="images/add1.png" alt="">查看更多</a>
					<h3>成果展示</h3>
				</div>
				<ul class="list ovw">
					<li style="margin-left:0px;">
						<a href="./hk_zcq_detail.html" >
						<div class="img_box">
							<img src="images/zcq_img.png" alt="">
							<span class="label">精品</span>
						</div>
						<div class="intro">
							<h4>焊客众创焊接设备</h4>
							<p class="headline">焊客新项目，希望一起合作的可以合作联系我！</p>
							<div class="user ovw">
								<div class="fl">
									<img class="user_head" src="images/user_head.png" alt="">
									<span class="name">张雪鸥</span>
								</div>
								<div class="fl fr">
									<span class="num">2017-11-09</span>
								</div>
								<div class="line"></div>
							</div>
						</div>
						</a>
					</li>
					<li>
						<a href="./hk_zcq_detail.html" >
						<div class="img_box">
							<img src="images/zcq_img.png" alt="">
							<span class="label">精品</span>
						</div>
						<div class="intro">
							<h4>焊客众创焊接设备</h4>
							<p class="headline">焊客新项目，希望一起合作的可以合作联系我！</p>
							<div class="user ovw">
								<div class="fl">
									<img class="user_head" src="images/user_head.png" alt="">
									<span class="name">张雪鸥</span>
								</div>
								<div class="fl fr">
									<span class="num">2017-11-09</span>
								</div>
								<div class="line"></div>
							</div>
						</div>
						</a>
					</li>
					<li>
						<a href="./hk_zcq_detail.html" >
						<div class="img_box">
							<img src="images/zcq_img.png" alt="">
							<span class="label">精品</span>
						</div>
						<div class="intro">
							<h4>焊客众创焊接设备</h4>
							<p class="headline">焊客新项目，希望一起合作的可以合作联系我！</p>
							<div class="user ovw">
								<div class="fl">
									<img class="user_head" src="images/user_head.png" alt="">
									<span class="name">张雪鸥</span>
								</div>
								<div class="fl fr">
									<span class="num">2017-11-09</span>
								</div>
								<div class="line"></div>
							</div>
						</div>
						</a>
					</li>
					<li>
						<a href="./hk_zcq_detail.html" >
						<div class="img_box">
							<img src="images/zcq_img.png" alt="">
							<span class="label">精品</span>
						</div>
						<div class="intro">
							<h4>焊客众创焊接设备</h4>
							<p class="headline">焊客新项目，希望一起合作的可以合作联系我！</p>
							<div class="user ovw">
								<div class="fl">
									<img class="user_head" src="images/user_head.png" alt="">
									<span class="name">张雪鸥</span>
								</div>
								<div class="fl fr">
									<span class="num">2017-11-09</span>
								</div>
								<div class="line"></div>
							</div>
						</div>
						</a>
					</li>
				</ul>
			</div>
		</div>
		<!--底部-->
		<div class="footer">
			<div class="main footer_content ovw">
				<div class="fl contact">
					<div class="fl img_box"><img src="images/service.png" alt=""></div>
					<div class="fl text">
						<p class="label">联系我们</p>
						<p class="phone_number">400-8208-820</p>
						<p class="work_time">工作时间（工作日）9:00 - 18:00</p>
					</div>
				</div>
				<dl>
					<dt><a href="">友情链接</a></dt>
					<dd>
						<a href="">阿里巴巴</a>
					</dd>
					<dd>
						<a href="">新浪微博</a>
					</dd>
					<dd>
						<a href="">腾讯微博</a>
					</dd>
					<dd>
						<a href="">百度论坛</a>
					</dd>
				</dl>
				<dl>
					<dt><a href="">服务</a></dt>
					<dd>
						<a href="">智能对接</a>
					</dd>
					<dd>
						<a href="">焊客圈</a>
					</dd>
					<dd>
						<a href="">焊客圈众创</a>
					</dd>
				</dl>
				<dl>
					<dt><a href="">帮助中心</a></dt>
					<dd>
						<a href="">如何发布对接</a>
					</dd>
					<dd>
						<a href="">如何成为供应商</a>
					</dd>
					<dd>
						<a href="">如何成为技术专家</a>
					</dd>
					<dd>
						<a href="">如何发表众创</a>
					</dd>
				</dl>
				<div class="fr download">
					<p class="title">移动端下载</p>
					<div class="fl code_box">
						<img src="images/code_a.png" alt="">
						<p>IOS下载</p>
					</div>
					<div class="fl code_box">
						<img src="images/code_b.png" alt="">
						<p>安卓下载</p>
					</div>
				</div>
			</div>
			<p class="footer_text">Copyright@ 沪ICP备2015234568号 - 2015 沪公安网备案 201520150201502015088888888号</p>
		</div>
		<script type="text/javascript" src="js/jquery.1.9.1.js"></script>
		<script type="text/javascript" src="js/common.js"></script>
		<script src="js/jquery.waypoints.min.js"></script>
		<script src="js/jquery.font.js"></script>
	<script type="text/javascript" src="js/jquery.countup.min.js"></script>
		<script type="text/javascript">
			$(function() {
				// tab切换
				$(".controller li").click(function(){
					$(this).addClass("active").siblings().removeClass("active");
					$(".lack_artisan").eq($(this).index()).show().siblings(".lack_artisan").hide();
				});
				// 限制初始字数
				$(".lack_artisan li span").fonts({
						fontNum: 35,
					});
				// 字数滚动,调用插件方法
				$('.zc_num').countUp();
			})
		</script>

		 <script>
		// 列表滚动
		$(function(){
			var i=0;
			var timer=null;
			//复制节点
			var first= $(".list_content >li").eq(0).clone();
			var first_1=$(".list_content >li").eq(1).clone();
			var first_2=$(".list_content >li").eq(2).clone();
			var first_3=$(".list_content >li").eq(3).clone();
			$('.list_content').append(first,first_1,first_2,first_3);

			//自动轮播
			function autoRun(){
				timer=setInterval(function(){
					i+=42;
					// i==ul的高度 ,重新赋值top为0
					if(i == parseInt($(".list_content li").outerHeight(true) * ($(".list_content li").length -3))){
						i=42;
						$(".list_content").css("top",0);
					}
					$(".list_content").stop().animate({
						"top":-i
					},1000)
				},2000);
			};autoRun();	

		$(".list_content").mouseover(function(){
			clearInterval(timer);
		})
		$(".list_content").mouseout(function(){
			autoRun();
		})
	})
	 </script>
	</body>

</html>